<template>
	<div class="index">

		<div class="center">
			<left></left>
			<div class="right">
          <top></top>
          <div class="hei10"></div>


				<div class="title">照片压缩包上传详情</div>
				<div class="ordersdo"  v-loading="loading">
					<div class="list">
						<div class="th">上传时间</div>
						<div class="th">压缩包名称</div>
						<div class="th">状态</div>
					</div>
					<div class="list" v-for="item in list">
						<div class="td">{{item.created_at}}</div>
						<div class="td">{{item.user_filename}}</div>
						<div class="td">{{item.status}}</div>
					</div>

				</div>
			</div>
		</div>
		<!-- <foot></foot> -->
	</div>
</template>

<script>
	let moment = require("moment");
	import axios from "axios";
	import top from "@/components/top";
	import left from "@/components/left";
	import foot from '@/components/foot';
	export default {
		name: 'orderDo',
		components: {
			top: top,
			left: left,
			foot: foot
		},
		data() {
			return {
				status:"",
				time:"",
				list:[],
				loading:true
			};
		},
		created() {
			//接受参数 时间
			this.time = this.$route.query.time
			var start_time = moment(this.time).format("YYYY-MM-DD 00:00:00")
			var end_time = moment(this.time).add(1, 'days').format("YYYY-MM-DD 00:00:00")
			var that = this
			axios.get('/api/plan-market/photos/import/details?start_time='+start_time+'&end_time='+end_time)
				.then(response => {
					that.list = response.data.data
					that.loading = false
				})
		},
		mounted() {
			this.clientheight = document.documentElement.clientHeight;
		},
		methods: {

		}
	};
</script>

<style lang="scss" scoped>
	.index{

			.title{color: #F92659; font-size: 16px; padding-bottom: 20px;}
			.list{ display: flex;  text-align: center; border-bottom: 1px #EAEAEA solid;}
			.th{ flex: 1; color: #4A4A4A; font-size: 14px; line-height: 46px; background: #EAEAEA;}
			.td{ flex: 1; background: #FFFFFF; font-size: 14px; line-height: 46px; height: 46px; overflow: hidden;}
			
				.title{border-bottom: 1px #EAEAEA solid;  line-height: 45px; padding-left: 30px; font-size: 16px; background: #F9F9F9; color: #727272}
				.add{
					padding: 20px 30px; text-align: right; position: relative;
					.input-with-select{ width: 280px;}
					.el-button{ position: absolute; right: 30px; top: 20px;}
				}
				.listl{
					.el-input__inner{ border: none !important; text-align: center}
				}
				.list{
					display: flex; text-align: center; color: #727272; line-height: 45px; border: 1px #EAEAEA solid; margin-top: -1px;
					.th{ flex: 1; background: #F9F9F9; font-size: 14px; border-right:1px #EAEAEA solid;  }
					.td{ flex: 1; font-size: 14px; border-right:1px #EAEAEA solid; }

				}
				.el-pagination{ text-align: right; margin: 20px 0}
				.my{
					display: flex; justify-content: space-between; padding: 20px; line-height: 20px;
					.myid{
						font-size: 17px; color: #DD2727; padding-left: 10px;
						span{ color: #B1B1B1; font-size: 14px; margin-left: 20px}
					}
					.invitation{
						font-size: 14px; color: #B1B1B1;
						span{ color: #197CFF; cursor: pointer;}
					}
				}


			

	}

</style>
